<template>
		<view class="bookList" @click="seeFileList">
			<view class="left">
				<image src="../../static/icon/bookFile.png" mode=""></image>
				<text>关联文书列表</text>
			</view>
			<image src="../../static/icon/arrow_right.png" mode=""></image>
		</view>
</template>

<script setup>
import {defineProps} from 'vue'
const props = defineProps({
	fileId:{
		type:String,
		default:true
	}
})
const seeFileList = ()=>{
	uni.navigateTo({
		url:`/pages/fileList/fileList?type=${3}&id=${props.fileId}`
	})
}
</script>

<style lang="scss" scoped>
	.bookList{
		width: 100%;
		height: 64rpx;
		background: #EAF0FF;
		border-radius: 8rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20rpx;
		margin-bottom: 32rpx;
		.left{
			display: flex;
			align-items: center;
			>image{
				width: 32rpx;
				height: 32rpx;
				margin-right: 20rpx;
			}
			text{
				font-weight: 400;
				font-size: 28rpx;
				color: #0D53FE;
			}
		}
		>image{
			width: 24rpx;
			height: 24rpx;
		}
	}
</style>